import React, { useState } from "react";
import ReactDOM from "react-dom";
import { HashRouter, Route } from "react-router-dom";

import Catalog from "./catalog";
import Demo from "./demo";
import PageHeader from "./header";

import "./index.scss";

const App = () => {
  return (
    <div className="demo-container">
      <PageHeader />
      <HashRouter>
        <Route path="/">
          <main>
            <Catalog />
            <aside style={{ padding: 20 }}>
              <Demo />
            </aside>
          </main>
        </Route>
      </HashRouter>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));
